<template>
  <div>
    <ul>
      <li v-for="(item, index) in arr" :key="index">
        {{ item }}
        <p>{{ item }}-{{ index }}</p>
      </li>
    </ul>
    <ol>
      <!-- 使用 v-for 也可以只有一个参数 -->
      <li v-for="item in arr" :key="item">
        {{ item }}
        <span>{{ item }}</span>
      </li>
    </ol>
  </div>
</template>

<script>
export default {
  data() {
    return {
      // 先声明一个数组
      arr: ["晓东", "小红", "小马", "小明"],
    };
  },
};
</script>

<style>
</style>